﻿<{require file="block/header.html"}>
<script language="javascript" type="text/javascript" src="images/nivo-slider/"></script>
<div class="AllWrapInside clearfix">
    <div class="mainColumn pageMain">
        <{widgets id="nav"}> <{main}>
    </div>
    <div class="sideColumn pageSide">
        <{widgets id="sideritems"}>
    </div>
</div>
<div id="slider-wrapper" class="slider-wrapper theme-default" style="overflow: hidden">
    <div id="slider" class="nivoSlider">
        <a href="#">
            <img src="images/jazz/nivo-slider01.jpg" alt="" title="#" /></a>
        <a href="#"><img src="images/jazz/nivo-slider02.jpg" alt="" /></!--a> 
        <!--a href="product-214.html"><img src="images/jazz/nivo-slider03.jpg" alt="" /></!--a> 
        <a href="#"><img src="images/jazz/nivo-slider04.jpg" alt="" /></a-->
    </div>
    <div id="htmlcaption" class="nivo-html-caption">
    </div>
</div>
<div class="index_part">
    <map name="mainRecommand">
        <area href="#" shape="rect1" coords="1, 3, 949, 147">
    </map>
    <img src="images/jazz/mainRecommand.jpg" border="0" alt="新品推介" usemap="#mainRecommand">
</div>
<script type="text/javascript" src="images/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
    var jSlider;
    var max_client_width = 1680;

    jQuery(window).load(function () {
        InitNivoSider();
        InitNivoSider2();
    });

    function InitNivoSider() {
        jSlider = jQuery('#slider');
        jSlider.nivoSlider({
            effect: 'random',
            slices: 15,
            boxCols: 8,
            boxRows: 4,
            animSpeed: 500,
            pauseTime: 3000,
            startSlide: 0
        });

        jSlider.css("width", max_client_width);
        jQuery('#slider-wrapper').css("height", jSlider.height());
        setNivoSiderAuto();

        jQuery(window).resize(function () {
            setNivoSiderAuto();
        });
    }

    function InitNivoSider2() {
        jQuery('#slider2').nivoSlider({
            effect: 'random',
            slices: 15,
            boxCols: 8,
            boxRows: 4,
            animSpeed: 500,
            pauseTime: 3000,
            startSlide: 0,
            controlNavThumbs: true
        });
    }

    function setNivoSiderAuto() {
        jSlider.css("left", (document.documentElement.clientWidth - max_client_width) / 2);
        jQuery(".nivo-directionNav").children(".nivo-prevNav").first().css("left", (max_client_width - document.documentElement.clientWidth) / 2 + 50);
        jQuery(".nivo-directionNav").children(".nivo-nextNav").first().css("right", (max_client_width - document.documentElement.clientWidth) / 2 + 50);
    }
</script>
<div class="index_part">
    <img src="images/jazz/Recommand1.jpg" border="0" alt="商品分类" usemap="#top1">
    <map name="top1">
        <area href="#" shape="rect1" coords="3, 5, 316, 486">
        <area href="#" shape="rect1" coords="323, 499, 626, 940">
        <area href="#" shape="rect1" coords="638, 499, 941, 940">
        <area href="#" shape="rect1" coords="9, 500, 312, 941">
        <area href="#" shape="rect1" coords="639, 4, 948, 491">
        <area href="#" shape="rect1" coords="323, 0, 632, 489">
    </map>
</div>
<div class="index_part">
    <img src="images/jazz/category01.jpg" border="0" alt="演译时尚" usemap="#Recommand1">
    <map name="Recommand1">
        <area href="##" shape="rect1" coords="111, 169, 197, 203">
        <area href="##" shape="rect1" coords="11, 124, 194, 158">
        <area href="##" shape="rect1" coords="6, 214, 107, 248">
        <area href="##" shape="rect1" coords="6, 257, 107, 291">
        <area href="##" shape="rect1" coords="6, 303, 107, 337">
        <area href="##" shape="rect1" coords="478, 117, 949, 347">
        <area href="##" shape="rect1" coords="107, 214, 197, 248">
        <area href="##" shape="rect1" coords="197, 169, 278, 203">
        <area href="##" shape="rect1" coords="107, 257, 198, 291">
        <area href="##" shape="rect1" coords="107, 303, 198, 337">
        <area href="##" shape="rect1" coords="197, 214, 278, 248">
        <area href="##" shape="rect1" coords="277, 169, 367, 203">
        <area href="##" shape="rect1" coords="366, 169, 455, 203">
        <area href="##" shape="rect1" coords="280, 214, 367, 248">
        <area href="##" shape="rect1" coords="198, 257, 281, 291">
        <area href="##" shape="rect1" coords="198, 303, 282, 337">
        <area href="##" shape="rect1" coords="282, 257, 364, 291">
        <area href="##" shape="rect1" coords="282, 303, 360, 337">
        <area href="##" shape="rect1" coords="369, 214, 456, 248">
        <area href="##" shape="rect1" coords="365, 256, 456, 290">
        <area href="##" shape="rect1" coords="361, 303, 454, 337">
        <area href="##" shape="rect1" coords="8, 170, 109, 204">
    </map>
</div>
<div class="index_part">
    <img src="images/jazz/Recommand2.jpg" border="0" alt="经典牛仔" usemap="#Recommand2">
    <map name="Recommand2">
        <area href="#" shape="rect1" coords="0, 0, 948, 499">
    </map>
</div>
<div class="index_part">
     <img src="images/jazz/Recommand3_banner.jpg" border="0" alt="大货区" usemap="#Recommand3">
    <img src="images/jazz/Recommand3.jpg" border="0" alt="大货区" usemap="#Recommand3">
    <map name="Recommand3">
        <area href="product-236.html" shape="rect1" coords="321, 6, 629, 491" >
        <area href="product-190.html" shape="rect1" coords="637, 5, 945, 490">
        <area href="product-191.html" shape="rect1" coords="6, 494, 314, 979">
        <area href="product-189.html" shape="rect1" coords="5, 6, 313, 491">
        <area href="product-193.html" shape="rect1" coords="635, 496, 943, 981">
        <area href="product-194.html" shape="rect1" coords="7, 985, 315, 1470">
        <area href="product-145.html" shape="rect1" coords="319, 1479, 627, 1964">
        <area href="product-147.html" shape="rect1" coords="2, 1477, 310, 1962">
        <area href="product-192.html" shape="rect1" coords="320, 493, 628, 978">
        <area href="#" shape="rect1" coords="636, 989, 944, 1474" >
        <area href="product-146.html" shape="rect1" coords="634, 1479, 942, 1964">
        <area href="#" shape="rect1" coords="321, 985, 629, 1470">
    </map>
</div>
<div class="index_part">
     <img src="images/jazz/Recommand4_banner.jpg" border="0" alt="订货款" usemap="#Recommand3">
    <img src="images/jazz/Recommand4.jpg" border="0" alt="订货款" usemap="#Recommand4">
    <map name="Recommand4">
        <area href="#" shape="rect1" coords="0, 0, 319, 424">
    </map>
</div>
<{require file="block/footer.html"}>